﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>SRSIS</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <link href="~/Assets/css/lib/bootstrap.css" rel="stylesheet" />
    <link href="~/assets/fonts/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet">
    <link href="~/Assets/css/styles.css" type="text/css" rel="stylesheet">
    <link href="~/Assets/plugins/jstree/dist/themes/avalon/style.min.css" type="text/css" rel="stylesheet">
    <link href="~/Assets/plugins/codeprettifier/prettify.css" type="text/css" rel="stylesheet">
    <link href="~/Assets/plugins/iCheck/skins/minimal/blue.css" type="text/css" rel="stylesheet">
    <link href="~/Assets/plugins/form-daterangepicker/daterangepicker-bs3.css" type="text/css" rel="stylesheet">    	<!-- DateRangePicker -->
    <link href="~/Assets/plugins/switchery/switchery.css" type="text/css" rel="stylesheet">        					<!-- Switchery -->
    <link href="~/Assets/plugins/fullcalendar/fullcalendar.css" type="text/css" rel="stylesheet">
    <link href="~/Assets/plugins/pines-notify/pnotify.css" type="text/css" rel="stylesheet">
    <script src="~/Assets/js/base/jquery.min.js"></script>
    <script src="~/Assets/js/base/angular.js"></script>
    <script src="~/Assets/js/base/jquery.cookie.js"></script>
    <script src="~/Assets/js/base/angular-cookie.js"></script>
    <script src="~/Assets/js/libs/bootstrap.min.js"></script>
    <script src="~/Assets/js/tool/watermark.js"></script>

    <style>
        .ant-menu-submenu-arrow {
            position: absolute;
            right: 10px;
        }
        .ant-menu-root > li > .ant-menu-submenu-title .ant-menu-title-content {
            font-size: 16px !important;
            font-weight: 600 !important;
        }

        .ant-menu-sub > li > .ant-menu-submenu-title .ant-menu-title-content {
            font-size: 15px !important;
            font-weight: 500 !important;
        }
        ::-webkit-scrollbar {
            display: none
        }
        .static-sidebar-wrapper{
            transition:all ease-in-out .3s;
        }
        .load {
            width: 100%;
            height: 100vh;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 10000;
            background-color: rgba(0, 0, 0, 0.1);
        }

        .loader {
            width: 140px;
            height: 140px;
            text-align: center;
            position: absolute;
            top: calc(50% - 70px);
            left: calc(50% - 70px);
            padding-top: 15px;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 5px;
        }

        #loader-1 {
            width: 60px;
            height: 60px;
        }

        .load-msg {
            height: 50px;
            line-height: 50px;
            color: #fff;
            font-size: 13px;
            /* margin-top: 20px; */
        }

        svg path, svg rect {
            fill: #17a085;
        }

        .table-hover > tbody > tr:hover > td,
        .table-hover > tbody > tr:hover > th {
            font-weight: bold;
            cursor: pointer;
        }
        .alertify {
            z-index:9999;
        }
        .slimScrollDiv .sidebar {
            background: #001529 !important;
        }
    </style>
    <script>

    </script>
    @RenderSection("css")
</head>


<body class="infobar-overlay sidebar-hideon-collpase sidebar-scroll" ng-app="WebApp" ng-cloak ng-controller="MainController" ng-init="PageLoading=false;GetLeftMenu();">

    <header id="topnav" class="navbar navbar-fixed-top clearfix navbar-primary" role="banner">


        <a id="leftmenu-trigger" class=""  title="Toggle Sidebar"></a>
        <a style="color:white;font-size:24px;text-decoration:none;position:inherit;top:10px;left:100px;font-family:'Bell MT';">SRSIS</a>
        <ul class="nav navbar-nav toolbar pull-right">
            <li class="dropdown">
                <a href="#" id="navbar-links-toggle" data-toggle="collapse" data-target="header>.navbar-collapse">&nbsp;</a>
            </li>


            <li class="dropdown toolbar-icon-bg hidden-xs" style="display:none;">
                <a href="#" class="hasnotifications dropdown-toggle" data-toggle="dropdown"><span class="icon-bg"><i class="fa fa-fw fa-envelope"></i></span><span class="badge badge-info" ng-bind="UnreadMsg.length"></span></a>
                <div class="dropdown-menu messages arrow">
                    <div class="dd-header">
                        <span>未读消息</span>
                        <span>@*<a href="#">Settings</a>*@</span>
                    </div>

                    <div class="slimScrollDiv" style="position: relative; ">
                        <ul class="scrollthis" style="overflow: hidden; width: auto; height: auto;">
                            <li class="" ng-show="UnreadMsg.length==0">
                                <a href="#">
                                    @*<img class="msg-avatar" src="" alt="avatar">*@
                                    <div class="msg-content">
                                        <span class="msg">暂无未读消息</span>
                                    </div>
                                    <span class="msg-time"></span>
                                </a>
                            </li>
                            <li class="" ng-repeat="x in UnreadMsg" ng-show="UnreadMsg.length>0">
                                <a href="#">
                                    @*<img class="msg-avatar" src="" alt="avatar">*@
                                    <div class="msg-content">
                                        <span class="name">{{x.From}}</span>
                                        <span class="msg">{{x.MessageContent|HiddenText}}</span>
                                    </div>
                                    <span class="msg-time">{{x.SendTime|JSONDate:'MM-dd HH:mm'}}</span>
                                </a>
                            </li>
                        </ul>
                        @*<div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 7px; z-index: 99; right: 1px;"></div>*@<div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
                    </div>
                    @*<div class="dd-footer"><a href="../Account/MyMessage">所有消息</a></div>*@
                </div>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle username" data-toggle="dropdown">
                    <span class="hidden-xs"><span ng-bind="User.UserNo" ng-cloak=""></span> <span ng-cloak>,（{{User.Title}})</span></span>
                </a>
                <ul class="dropdown-menu userinfo">
                    <li><a href="../Account/ModifyPersonalInfo"><span class="pull-left">编辑信息</span> <i class="pull-right fa fa-pencil"></i></a></li>
                </ul>
            </li>

        </ul>

    </header>

    <div id="wrapper">
        <div id="layout-static">
            <div class="static-sidebar-wrapper  sidebar-midnightblue">
                <div class="static-sidebar">
                    <div class="sidebar">
                        <div class="lhead" style="width:100%;height:80px;margin:10px 0">
                            <div style="height:100%; display:flex;align-items:center;justify-content:center">

                                <img src="~/Assets/img/headimg/user.png" style="margin-right:12px" class="avatar" />
                                <div>
                                    <div style="font-size:12px">{{User.DepartmentName}}</div>
                                    <div style="font-size:16px;color:#fff">{{User.UserName}}</div>
                                </div>

                            </div>
                        </div>
       
                        <div v-cloak style="width: 100%;height: calc(100% - 110px); overflow-y: scroll; box-sizing: border-box" id="LayoutApp">

                            <a-style-provider hash-priority="high">
                                <a-menu :key="LayoutAppParams.items.value" v-on:click="LayoutAppParams.tClick" v-model:open-keys="LayoutAppParams.state.value.openKeys"
                                        v-model:selected-keys="LayoutAppParams.state.value.selectedKeys"
                                        mode="inline"
                                        theme="dark"
                                        :items="LayoutAppParams.items.value">

                                </a-menu>
                                </a-style-provider>
                        </div>
     


                    </div>
                </div>
            </div>
            <div class="static-content-wrapper" style="position:relative;overflow-y:scroll;">
                <div class="static-content">
                    @RenderBody()
                </div>
                <footer role="contentinfo">
                    <div class="clearfix">
                        <ul class="list-unstyled list-inline pull-left">
                            <li><h6 style="margin: 0;"> &copy; 2022</h6></li>
                        </ul>
                        <button class="pull-right btn btn-link btn-xs hidden-print" id="back-to-top"><i class="fa fa-arrow-up"></i></button>
                    </div>
                </footer>
            </div>
        </div>
    </div>
    <input id="ControllerName" type="hidden" value="{{ControllerName}}" />





    <!-- Switcher -->



    <script src="~/Assets/js/jqueryui-1.9.2.min.js"></script> 							<!-- Load jQueryUI -->
    <!-- Load Bootstrap -->
    <script src="~/Assets/js/libs/bootstrap-select.min.js"></script>

    <script src="~/Assets/plugins/jquery-slimscroll/jquery.slimscroll.js"></script> 	<!-- Slimscroll for custom scrolls -->
    <script src="~/Assets/plugins/sparklines/jquery.sparklines.min.js"></script>  		<!-- Sparkline -->
    <script src="~/Assets/plugins/jstree/dist/jstree.min.js"></script>  				<!-- jsTree -->

    <script src="~/Assets/plugins/pines-notify/pnotify.min.js"></script>
    <script src="~/Assets/plugins/codeprettifier/prettify.js"></script> 				<!-- Code Prettifier  -->
    <script src="~/Assets/plugins/bootstrap-switch/bootstrap-switch.js"></script> 		<!-- Swith/Toggle Button -->
    <script src="~/Assets/plugins/switchery/switchery.js"></script>
    <script src="~/Assets/js/libs/ng-file-upload-shim.min.js"></script>
    <script src="~/Assets/js/libs/ng-file-upload.min.js"></script>
    <script src="~/Assets/plugins/iCheck/icheck.min.js"></script>     					<!-- iCheck -->
    <script src="~/Assets/js/libs/alertify.js"></script>
    <script src="~/Assets/js/enquire.min.js"></script> 										<!-- Enquire for Responsiveness -->
    <script src="~/Assets/js/libs/moment.min.js"></script>
    <script src="~/Assets/js/application.js"></script>
    <script src="~/Assets/js/pg/app.js?v=@DateTime.Now.ToString("yyMMddHH")"></script>
    @RenderSection("js")

    <script>
        setTimeout(function () {
            var a = $("#ControllerName").val();
            $("#nodes_" + a).css("display", "block");
            var element = document.getElementById("nodes_" + a);
            //scrollToElementMiddle("nodes_" + a);
            console.log(element);
            if (element) {
                element.scrollIntoView({ behavior: 'smooth' }); // 平滑滚动
            }
        }, 1500);

        function scrollToElementMiddle(elementId) {
            const element = document.getElementById(elementId);
            if (!element) {
                return; // 如果元素不存在，则退出
            }

            const rect = element.getBoundingClientRect();
            const viewHeight = window.innerHeight || document.documentElement.clientHeight;

            // 计算目标位置，使元素中心与视窗中心对齐
            const offset = rect.top + element.clientHeight / 2 - viewHeight / 2;

            // 执行滚动
            window.scrollTo({
                top: offset,
                behavior: 'smooth' // 可选：平滑滚动
            });
        }

        // 使用方法
        scrollToElementMiddle('yourElementId');
    </script>
    <script src="~/Assets/js/menue/vue3.js"></script>
    <script src="~/Assets/js/menue/customParseFormat.js"></script>
    <script src="~/Assets/js/menue/weekday.js"></script>
    <script src="~/Assets/js/menue/localeData.js"></script>
    <script src="~/Assets/js/menue/weekOfYear.js"></script>
    <script src="~/Assets/js/menue/weekYear.js"></script>
    <script src="~/Assets/js/menue/advancedFormat.js"></script>
    <script src="~/Assets/js/menue/quarterOfYear.js"></script>
    <script src="~/Assets/js/menue/dayJsZhCn.js"></script>
    <script src="~/Assets/js/menue/dayJsZhCn1.js"></script>
    <script src="~/Assets/js/menue/axios.js">

    </script>
    <script>
        dayjs.locale('zh-cn');
    </script>
    <script type="module" src="~/Assets/js/menue/es/locale/zh_CN.js"></script>
    <script src="~/Assets/js/menue/antd-with-locales.js"></script>
    <script src="~/Assets/js/menue/vapp.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")"></script>
    <script type="module">
        import Composition from "../../Assets/js/menue/menue.js?v=@DateTime.Now.ToString("yyyyMMddHHmmss")"
        import localeValues from '../../Assets/js/menue/es/locale/zh_CN.js'
        singalApp('LayoutApp', Composition, localeValues)
        //let a = document.querySelector('#leftmenu-trigger')

        //a.addEventListener('click', () => {
        //    document.querySelector('.static-sidebar-wrapper').style.width = '260px'
        //})
   
    </script>
</body>
</html>
